view,
text,
navigator,
input,
image,
swiper,
swiper-item,
scroll-view,
page {
    /* 微信小程序中 不支持 * 通配符 */
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

$bgColor : #f2f2f2;
page {
    font-size: 28rpx;
    color: #666;
	background-color: $bgColor;
}

image {
    width: 100%;
    display: block;
}

// 自定义css代码块
/* 定义代码块 */
@mixin flexBetween($padding: 0rpx 0rpx) {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: $padding;
}
@mixin flexCenter {
	display: flex;
	justify-content: center;
	align-items: center;
}
@mixin flexCol {
	display: flex;
	flex-direction: column;
}

@mixin flexXCenter {
	display: flex;
	align-items: center;
}
@mixin flexYCenter {
	display: flex;
	justify-content: center;
}

@mixin flexColCenter{
	display: flex;
	flex-direction: column;
	align-items: center;
}
// 文字溢出省略号 
@mixin text-line1{
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
// 文字溢出省略号 2行缩进
@mixin text-line2($line: 2){
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: $line;
	line-clamp: $line;
	-webkit-box-orient: vertical;
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}
// 放大再缩小的动画
@keyframes zoom {
    0% {
        transform: scale(0);
    }
    50% {
        transform: scale(1.1);
    }
    100% {
        transform: scale(1);
    }
}
@mixin animation($name: fadeIn, $time: .4s) {
    animation: $name $time;
}